<!doctype html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="format-detection" content="telephone=no" />
    <title>圣诞</title>
    <link rel="dns-prefetch" href="//static.matouapp.ymatou.com">
    <link rel="dns-prefetch" href="//static.jyh.ymatou.com">
    <link rel="dns-prefetch" href="//jyh.ymatou.com">
    <link rel="dns-prefetch" href="//item.app.ymatou.com">
    <link rel="dns-prefetch" href="//staticwap.ymatou.com">
    <link rel="shortcut icon" type="image/x-icon" href="http://staticontent.ymatou.com/ymtapp/matouapp.ico" />
    <script data-js-path="redraw.js">
     !(function(relWinth,relFontSize){var ua=navigator.userAgent,isIos=/iphone|ipad|ipod/i.test(ua),isMobile=/Mobile/i.test(ua);var meta=document.querySelector("[name=viewport]")||(function(){var _meta=document.createElement("meta");_meta.name="viewport"})(),content=meta.content||"",matchScale=content.match(/initial\-scale=([\d\.]+)/),matchWidth=content.match(/width=([\d\.]+)/),dpr=isIos?window.devicePixelRatio?Math.min(window.devicePixelRatio,3):1:1,docEl=document.documentElement,maxWidth=dpr*(docEl.dataset.mw||750),scale=1/dpr,tid;relWinth=relWinth||320;relFontSize=relFontSize||16;if(meta){if(matchScale){content=content.replace(/initial\-scale=([\d\.]+)/,"initial-scale="+scale).replace(/minimum\-scale=([\d\.]+)/,"minimum-scale="+scale).replace(/maximum\-scale=([\d\.]+)/,"maximum-scale="+scale)}else{content+=",initial-scale="+scale}meta.content=content}else{meta=doc.createElement("meta");meta.name="viewport";meta.content=content;docEl.firstElementChild.appendChild(meta)}var redraw=function(){var width=docEl.getBoundingClientRect().width;var fz=Math.min(width,maxWidth)/relWinth*relFontSize;docEl.style.fontSize=fz+"px"};if(isMobile){window.addEventListener("resize",function(){clearTimeout(tid);tid=setTimeout(redraw,300)},false);redraw()}else{docEl.style.fontSize="16px"}})(320,16);
    </script>
    <!-- build:css /styles/christmas/wish.css-->
    <link rel="stylesheet" type="text/css" href="/styles/christmas/wish.css">
    <!-- endbuild-->
  </head>
  <body module_name="activity_4776_capp">
  
    <section class="tree-container">
        <div class="tree-options">
            <div class="hd"><i class="icon-start"></i> 选择我的圣诞树</div>
            <div class="bd" id="tree-options">
                <ul class="tree-kind-list swiper-wrapper">
                    <li class="selected swiper-slide tree-kind-item" >
                        <div class="tree-sm tree-sm-1"></div>
                    </li>
                    <li class="swiper-slide tree-kind-item">
                        <div class="tree-sm tree-sm-2"></div>
                    </li>
                    <li class="swiper-slide tree-kind-item">
                        <div class="tree-sm tree-sm-3"></div>
                    </li>
                    <li class="swiper-slide tree-kind-item">
                        <div class="tree-sm tree-sm-4"></div>
                    </li>
                    <li class="swiper-slide "></li>
                </ul>
            </div>
        </div>
        <div class="wish-form">
            <div class="hd"><i class="icon-deer"></i> 说出你心中的愿望</div>
            <div class="bd">
                <textarea class="content" maxlength="40" id="content" placeholder="最多输入20个字哦~"></textarea>  
                <button class="btn btn-full tree-btn invalid" id="submit">许愿</button>
            </div>
        </div>
        <div class="ymtui-dialog-mask J-close-dialog"></div>
        <div class="ymtui-dialog christmas-dialog" id="christmas-dialog">
            <div class="ymtui-commirm-bd">
              您的愿望洋码头听到了，分享后集齐10个赞就有机会实现哟~
            </div>
            <div class="ymtui-commirm-ft">
                   <button class="btn btn-primary-border J-close-dialog" onclick=";">任性拒绝</button>
                   <button class="btn btn-primary J-share J-add-joinLottery J-close-dialog" 
                        data-share-title="实现我愿望的圣诞老人正在鹿不停蹄赶来的路上！~"
                        data-share-content="那个熟悉的白胡子老头又忙起来啦!你有没有收到礼物呢?不要着急,属于你的“圣诞老人”正在赶来的路上呢!快来看看" 
                        data-share-pic="http://staticontent.ymatou.com/images/activity/christmas/christmas_wish_share.jpg"  onclick=";">分享求点赞</button>
            </div>
        </div>
    </section>

  <!-- build:js /scripts/zepto,ejs,swiper,imgLazyLoad.js -->
  <script type="text/javascript" src="/scripts/commons/zepto,ejs.js"></script>
  <script type="text/javascript" src="/scripts/commons/swiper.3.1.2.js"></script>
  <script type="text/javascript" src="/scripts/commons/fastclick.js"></script>
  <script type="text/javascript" src="/scripts/commons/imgLazyLoad.js"></script>
  <!-- endbuild -->
  <script type="text/javascript" src="http://static.matouapp.ymatou.com/js/ymtApi.2015101901.js?wxAutoInit=1"></script>
  <!-- build:js /scripts/christmas/wish.js -->
  <script src="/scripts/christmas/wish.js"></script>
  <!-- endbuild -->

  <script>
        (function (w, d, s, l, i, o) {
            w['YmatouAnalyticsobject'] = o;
            w[o] = w[o] || function () {
                (w[o].q = w[o].q || []).push(arguments)
            }

            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-TXC7VJ', '_dc_');
    </script>

  </body>
  </html>
